/**
* The css file of RanZhi.
*
* @copyright   Copyright 2009-2015 青岛易软天创网络科技有限公司(QingDao Nature Easy Soft Network Technology Co,LTD, www.cnezsoft.com)
* @license     ZPL (http://zpl.pub/page/zplv12.html)
* @author      Chunsheng Wang <chunsheng@cnezsoft.com>
* @package     RanZhi
* @version     $Id: style.css 4069 2016-09-29 05:25:19Z daitingting $
* @link        http://www.ranzhico.com
*/
body {background: #fff;font-size:13px;}

/*-----------------------WIDTH SETTING--------------------------*/
.w-p5  {width: 5%}
.w-p10 {width: 10%}
.w-p15 {width: 15%}
.w-p20 {width: 20%}
.w-p25 {width: 25%}
.w-p30 {width: 30%}
.w-p35 {width: 35%}
.w-p40 {width: 40%}
.w-p45 {width: 45%}
.w-p50 {width: 50%}
.w-p55 {width: 55%}
.w-p60 {width: 60%}
.w-p65 {width: 65%}
.w-p70 {width: 70%}
.w-p75 {width: 75%}
.w-p80 {width: 80%}
.w-p85 {width: 85%}
.w-p90 {width: 90%}
.w-p94 {width: 94%}
.w-p95 {width: 95%}
.w-p98 {width: 98%}
.w-p99 {width: 99%}
.w-p100{width: 100%}

.w-10px {width:10px}
.w-20px {width:20px}
.w-30px {width:30px}
.w-35px {width:35px}
.w-40px {width:40px}
.w-45px {width:45px}
.w-50px {width:50px}
.w-60px {width:60px}
.w-70px {width:70px}
.w-80px {width:80px}
.w-90px {width:90px}
.w-100px {width:100px}
.w-110px {width:110px}
.w-120px {width:120px}
.w-130px {width:130px}
.w-140px {width:140px}
.w-150px {width:150px}
.w-160px {width:160px}
.w-170px {width:160px}
.w-180px {width:180px}
.w-200px {width:200px}
.w-210px {width:210px}
.w-220px {width:220px}
.w-230px {width:230px}
.w-240px {width:240px}
.w-260px {width:260px}
.w-280px {width:280px}
.w-300px {width:300px}
.w-320px {width:320px}
.w-350px {width:350px}
.w-400px {width:400px}
.w-450px {width:450px}
.w-500px {width:500px}
.w-600px {width:600px}
.w-700px {width:700px}

.w-id        {width:55px;}
.w-pri       {width:30px;}
.w-severity  {width:40px;}
.w-hour      {width:40px;}
.w-date      {width:80px;}
.w-user      {width:60px;}
.w-status    {width:50px;}
.w-type      {width:80px;}
.w-resolution{width:60px;}

/* margins */
.mgb-20 {margin-bottom: 20px;}
.mgb-10 {margin-bottom: 10px;}
.mg-0 {margin: 0 !important;}

.pd-0{padding: 0 !important;}

/*-----------------------FORM SETTING----------------------------*/
.text-1 {width: 90%}
td>.text-1,td>.area-1{padding-left:2px;padding-right: 2px}
.text-2 {width: 120px}
.text-3 {width: 240px}
.text-4 {width: 360px}
.text-5 {width: 480px}

.select-1 {width: 90%}
.select-2 {width: 125px}
.select-3 {width: 250px;}
.select-4 {width: 360px}
.select-5 {width: 480px}
td>select{padding-left: 0;padding-right: 0}

.area-1{width: 90%;}
.area-2{width: 120px}
.area-3{width: 240px}
.area-4{width: 360px}
.area-5{width: 480px}

/* display helpers */
.show {display: block!important;}
.overflow-visible {overflow: visible!important;}

/* icons */
[class^="icon-"],[class*=" icon-"] {font-size: 14px}

/* --- LAYOUT SETTING --- */
/* page-header */
.page-header {border-bottom: 1px solid #E5E5E5;padding: 0 15px;}

/* page-content */
.page-content {padding: 0 15px;}

.page-actions {text-align: center; padding: 10px 0; margin-bottom: 20px;}
.page-actions .btn-group {margin-right: 10px}
.page-actions.fixed {position: fixed; background: #fff; border-top: 1px solid #ddd; bottom: 0; margin-bottom: 0; z-index: 999; box-shadow: 0 -2px 10px rgba(0,0,0,0.15)}
body.page-actions-fixed {padding-bottom: 70px}


/* --- COMPONENTS SETTING --- */
/* menu */
.menu > .nav > li > a {padding: 0 15px 0 15px; max-height: 36px; overflow: hidden; line-height: 34px;}
.menu > .nav > li > .actions {position: absolute; right: 0; top:0;}
.menu > .nav > li > .actions .dropdown .btn {background: none; padding: 8px 8px; border:none; border-left:1px solid #ddd; border-color: rgba(0,0,0,0.15); border-radius: 0 4px 4px 0}
.menu > .nav > li.active > .actions .dropdown .btn .caret {border-top-color: #fff;border-bottom-color: #fff}

/* article-files */
.article-files {display: block; background-color: #f1f1f1; padding: 0 10px;}
.article-files > li {position: relative; display: block;float: left;padding: 0 5px;margin: 10px 0;position: relative;}
.article-files > li > a {color: #666; display: block;height: 70px;line-height: 60px;padding: 5px; max-width: 500px;overflow: hidden; text-align: center;background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all .4s cubic-bezier(0.175,0.885,0.32,1); opacity: 0.9;}
.article-files > li > a:hover {opacity: 1; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);color: #506EAF;text-decoration: none;}
.article-files > li > a > img {max-width: 240px; max-height: 100%;}
.article-files:empty {display: none;}
.article-files > li.file > a {line-height: 25px; padding: 40px 15px 5px 15px;max-width: 180px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.article-files > li.file > a:before {display: block; width: 100%; font-size: 30px; position: absolute; top: 10px; text-align: center; left: 0; content: '\e6d4'; font-family: ZenIcon;}
.article-files > li.article-files-heading {float: none; display: block; color: #999;font-weight: bold;}
.article-files > li .file-actions {display: block; position: absolute; right: 5px; top: 0;}
.article-files > li .file-actions > a {opacity: 0; display: inline-block; background-color: #D9E8F5; color: #666; padding: 3px 7px;}
.article-files > li:hover .file-actions > a,.article-files > li .file-actions > a:hover {opacity: 1;  background-color: #279DC0; color: #fff; text-decoration: none;}

/* placeholder */
.placeholder {color: #999}

/* page */
.page {padding: 8px 0; color: #999;}
.page a {color: #666;}
.page:hover a {color: #506EAF;}

/* dropdown */
.dropdown-menu {min-width: 80px; padding: 4px 0}
.dropdown-menu > li > a, .dropdown-header {font-size: 12px; padding: 5px 25px 5px 15px}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:active {background: #f1f1f1!important; font-weight: bold; color: #333!important}
.dropdown-menu > .active {position: relative;}
.dropdown-menu > .active > a {padding-right: 50px;}
.dropdown-menu > .active > a:before {content: '\e60d'; font-family: ZenIcon; font-size: 14px; position: absolute; right: 8px; top: 4px; display: block; color: #808080; font-weight: normal;}
.dropdown-menu .divider {margin: 4px 0}
.dropdown-submenu.left > .dropdown-menu{left: -100%;}
.dropdown-menu .divider {margin: 5px 0;}

.dropdown-menu > li > a > .icon {display: inline-block; width: 18px; text-align: center; opacity: .9}

/* unorder list */
.ul-list {margin: 0; padding: 0; display: block;}

.ul-list > li {display: block; padding: 5px 5px 5px 18px; position: relative; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.ul-list > li:before {display: block; position: absolute; left: 0; content: "●"; vertical-align: middle; padding-right: 10px; color: #ccc; transition:all 0.5s;}
.ul-list > li:hover:before {color: #999;}

/* items list */
.items > .item .media {text-align: center; overflow: hidden; background-color: #f1f1f1; max-height: 100px; transition:all 0.3s;}
.items > .item .media img {max-height: 100%; max-width: 100%;}

/* panels */
.panel-heading {padding: 8px 10px}
.panel > .panel-heading,.nav-stacked.nav-primary>li.nav-heading,.list > header {background-color: #f1f1f1; background-image: -moz-linear-gradient(#fafafa, #f1f1f1); background-image: -webkit-linear-gradient(#FAFAFA, #f1f1f1); background-image: linear-gradient(#FAFAFA, #f1f1f1); background-repeat: repeat-x;}
.panel-pure {box-shadow: none; border: 0; border-radius: 0;}
.panel-pure .panel-heading {background: transparent;}
.panel-actions {display: inline-block; margin-left: 8px;}
.panel-actions.pull-right {display: block; margin-top: -9px;margin-right: -7px;}
.panel-actions.pull-right .btn{margin-top: 5px; padding: 2px 10px}
.panel-actions.pull-right  .input-group {margin-top: 4px;}
.panel-actions.pull-right  .input-group .form-control {margin-top: 0; padding: 2px 10px; height: 28px}
.panel-actions.pull-right  .input-group .btn {margin-top: 0; padding: 4px 10px;}
.panel-heading > h1,.panel-heading > h2,.panel-heading > h3,.panel-heading > h4,.panel-heading > h5,.panel-heading > h6 {margin: 0}
.panel-actions .btn.btn-link:hover{background: transparent;box-shadow: none;}
.panel .table {margin-bottom: 0;}
.panel-body {padding:10px;}
.panel-body > ol {padding-left: 20px; margin-bottom: 0}

.panel-actions > .nav.nav-pills > li {margin-right: 5px; display: inline-block; float: none;}
.panel-actions > .nav.nav-pills > li > a {padding: 4px 6px; line-height: 1em}

.panel-actions > .btn-group {position: relative; margin-top: -8px; margin-bottom: -4px; margin-right: 5px;}
.panel-actions > .btn-group .btn {padding: 3px 10px}

.panel-body > .cards {margin-left: 0; margin-right: 0;}

/* panel colors */
.panel-primary {border-color: transparent;!important;}
.panel-success > .panel-heading,
.panel-warning > .panel-heading,
.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.panel-danger > .panel-heading {color: #333; border: none; border-bottom: 1px solid rgba(0,0,0,.04);}
.panel-success > .panel-body,
.panel-warning > .panel-body,
.panel-primary > .panel-body,
.panel-info > .panel-body,
.panel-danger > .panel-body {box-shadow: inset 0 1px 100px rgba(255,255,255,.6);}
.panel-success {background: #d1fecb!important; border-color: #b0e4ac!important}
.panel-success > .panel-heading {background: #c5f7c1!important; }
.panel-warning {background: #fdfdc7!important; border-color: #e1e09a!important}
.panel-warning > .panel-heading {background: #f8f7b6!important;}
.panel-primary {background: #d8f2fa!important; border-color: #badfeb!important}
.panel-primary > .panel-heading {background: #c9ecf8!important; color: #333!important; border:none!important;}
.panel-info {background: #dcd8fe!important; border-color: #d0c9ee!important}
.panel-info > .panel-heading {background: #d4cdf3!important;}
.panel-danger {background: #f5d0f5!important; border-color: #e9b9e9!important}
.panel-danger > .panel-heading {background: #f1c3f1!important;}
.panel-success .table td, .panel-success .table th,
.panel-warning .table td, .panel-warning .table th,
.panel-primary .table td, .panel-primary .table th,
.panel-info .table td, .panel-info .table th,
.panel-danger .table td, .panel-danger .table th {border: none;}
.panel-success .table tr:nth-child(odd) > td, .panel-success .table th,
.panel-warning .table tr:nth-child(odd) > td, .panel-warning .table th,
.panel-primary .table tr:nth-child(odd) > td, .panel-primary .table th,
.panel-info .table tr:nth-child(odd) > td, .panel-info .table th,
.panel-danger .table tr:nth-child(odd) > td, .panel-danger .table th {background: rgba(255,255,255,.25);}
.panel-success .table tr:nth-child(even) > td,
.panel-warning .table tr:nth-child(even) > td,
.panel-primary .table tr:nth-child(even) > td,
.panel-info .table tr:nth-child(even) > td,
.panel-danger .table tr:nth-child(even) > td {background: rgba(0,0,0,.02);}
.panel-success .table tr:last-child > td,
.panel-warning .table tr:last-child > td,
.panel-primary .table tr:last-child > td,
.panel-info .table tr:last-child > td
.panel-danger .table tr:last-child > td {border-bottom: 1px solid rgba(0,0,0,0.05)}
.panel-success .table tr:hover > th,
.panel-warning .table tr:hover > th,
.panel-primary .table tr:hover > th,
.panel-info .table tr:hover > th,
.panel-danger .table tr:hover > th {background: none;}
.panel-success .table.table-hover tr:hover > td,
.panel-warning .table.table-hover tr:hover > td,
.panel-primary .table.table-hover tr:hover > td,
.panel-info .table.table-hover tr:hover > td,
.panel-danger .table.table-hover tr:hover > td {background: rgba(255,255,255,.4);}

.block.input-group-btn .btn-success {background: #d1fecb; color: #333; text-shadow: none; border-color: #ccc}
.block.input-group-btn .btn-warning {background: #fdfdc7; color: #333; text-shadow: none; border-color: #ccc}
.block.input-group-btn .btn-info    {background: #dcd8fe; color: #333; text-shadow: none; border-color: #ccc}
.block.input-group-btn .btn-danger  {background: #f5d0f5; color: #333; text-shadow: none; border-color: #ccc}
.block.input-group-btn .btn-primary, .block.input-group-btn .btn-primary:focus {background: #d8f2fa; color: #333; text-shadow: none; border-color: #ccc}
.block.input-group-btn .btn-success:hover {border-color: #aaa}
.block.input-group-btn .btn-warning:hover {border-color: #aaa}
.block.input-group-btn .btn-primary:hover {border-color: #aaa}
.block.input-group-btn .btn-info:hover    {border-color: #aaa}
.block.input-group-btn .btn-danger:hover  {border-color: #aaa}
.block.input-group-btn .btn-primary .caret, .block.input-group-btn .btn-success .caret, .block.input-group-btn .btn-warning .caret, .block.input-group-btn .btn-danger .caret, .block.input-group-btn .btn-info .caret {border-top-color: #333}

/* panels in block */
.panel-dragging-shadow.circle {border-radius: 4px!important;}

/* modal */
.modal .modal-dialog {max-width: 100%; border: 8px solid #666; border-color: rgba(0,0,0,.25)}
.modal .modal-header {padding: 10px 15px}
h4.modal-title, .modal-title {font-size: 14px}

/* modal with iframe */
.modal-iframe .modal-body {padding: 0;}
.body-modal {padding-bottom: 0; overflow: hidden;}
.modal-dialog.fullscreen {width: 100% !important; height: 100% !important; margin: 0; border: none !important;}
.modal-dialog.fullscreen .modal-body iframe {height: 100%}
.modal-loading .modal-dialog {margin-top: -100%!important;}
.modal-body > .table:last-child {margin: 0}
@media (max-width: 991px) {.modal-dialog{padding: 0;}}
body.body-modal {padding-top: 10px;}
.body-modal #mainNavbar {display: none}

/* style of text */
.text-latin {font-family: Arial;}
.text-lg {font-size: 24px;}
.text-top,.text-top td {vertical-align: top !important;}
.text-middle,.text-middle th,.text-middle td {vertical-align: middle !important;}
tr.text-center > td, tr.text-center > th {text-align: center;}
tr.text-center > td.text-left, tr.text-center > th.text-left {text-align: left;}
tr.text-center > td.text-right, tr.text-center > th.text-right {text-align: right;}

/* form */
body > form {margin-top: 20px;} /* form behind body */

.form-horizontal .control-label{padding-right: 0;}

.form-control[type='file'] {box-shadow: none; background-color: #fafafa;}
.form-control[type='file']:hover {background-color: #fff;}
.page-form {padding-left: 15px; padding-right: 15px;}
.input-group {width: 100%;}
.ie-8 .input-group > .form-control + .input-group-btn > .btn {margin-left: -1px}
@media (min-width: 768px){.form-inline .input-group .form-control {width: 100%}}

.borderless.form-control{border-color: transparent;box-shadow: none;}
.borderless.form-control:hover,.borderless.form-control:active,.borderless.form-control:focus {border-color: #506EAF; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}

label.checkbox, input[type='radio']+label{font-weight: normal;}
.checkbox-inline, .radio-inline {padding-left: 18px;}
label.checkbox-inline input[type='checkbox'],
label.radio-inline input[type='radio'] {margin-top: 2px; margin-left: -18px;}
.input-group-addon label.checkbox-inline input[type='checkbox'],
.input-group-addon label.radio-inline input[type='radio'] {margin-top: 1px;}

.panel-body > form{padding-right: 10px; max-width: 1000px}

/* table form */
.table-form th {text-align:right;vertical-align:middle; border-bottom:none}
.table-form th.text-left, .table-form tr.text-left th {text-align:left;vertical-align:middle; border-bottom:none}
.table-form td {vertical-align:middle; border-bottom:none}
.table-form th,.table-form td {border-bottom:none}
.table th.text-middle, .table td.text-middle, .text-middle {vertical-align: middle;}
.table-form td.text-bottom {vertical-align:bottom;}
.table-form td .form-control {vertical-align:middle;margin:0;}
.table-form .checkbox,.table-form input[type="radio"] + label {margin-right: 10px;}
.table-form td > .row {margin-right: 0;}
.table-form td > .row > [class*="col-"] {padding-right: 0;line-height: 34px}
.table-form td .checkbox {margin: 0}

.form-control, .form-condensed .form-control{padding: 5px 10px;border-radius:0;}
.form-condensed .input-group>.form-control{border-radius:0;}
.form-control.input-sm {padding: 3px 5px; height: 20px}
.table-form {margin-bottom: 0;}
.table-form td, .table-form th {padding: 5px; font-size: 12px;}
.table-form td + td, .table-form th + th {padding-left: 5%;}
fieldset {margin-bottom: 15px; border: 1px solid #e5e5e5; padding: 10px 15px 15px;}
fieldset.fieldset-pure {background: none; padding: 0; border: none; padding-top: 5px;}
fieldset > legend {width: auto; margin: 0 0 0 -5px; font-size: 13px; font-weight: bold; border-bottom: none; padding: 0 5px}
fieldset > .form-group {margin-bottom: 0;}

form .chosen-container-single .chosen-single {padding: 4px 10px; height: 30px;border-radius:0}
form .chosen-container-single .chosen-single div {padding: 4px 10px 4px 8px;}
form .chosen-container-multi .chosen-choices {min-height: 30px; border-radius:0}
form .chosen-container-multi .chosen-choices li {margin: 4px 0 0 4px}
form .chosen-container-multi .chosen-choices li.search-field {margin-bottom: 4px;}
form .chosen-container {font-size: 13px}
form .chosen-container-single .chosen-single {padding: 5px 10px}
form .chosen-container-single .chosen-single abbr {right: 24px}
form .chosen-container-single .chosen-search:before {top: 10px}

.input-group .chosen-container-single .chosen-single {height: 34px; line-height: 24px; border-radius: 0px;}
.input-group-addon{border-radius:0}
.input-group .input-group-btn .btn{border-radius: 0}
.input-group .input-group-btn lable{border-radius: 0}
.form-condensed .input-group>.form-control, .form-condensed .input-group>.input-group-addon, .form-condensed .input-group>.input-group-btn>.btn {border-radius:0}
.form-condensed .btn-mini {padding: 1px 5px;}

td #aliasLabel {display: table-row;}

/* dropdown in table */
.table td .dropdown {display: inline-block;}

/* tfoot in table */
.table tfoot td{padding: 3px 8px;}

/* remove tbody top border */
.table > tbody + tbody {border-top: none}

/* table info */
.table-info {font-size: 13px;}
.table-info th {text-align:right;vertical-align:middle; border-bottom:none; font-weight: normal;}
.table-info th.text-left, .table-info tr.text-left th {text-align:left;vertical-align:middle; border-bottom:none}
.table-info td {vertical-align:middle; border-bottom:none;}
.table-info th.desc, .table-info td.desc {padding-top: 20px;}
.table-info th,.table-info td {border-bottom:none; padding: 2px 5px;}
.table-info th.text-middle, .table td.text-middle, .text-middle {vertical-align: middle;}
.table-info td.text-bottom {vertical-align:bottom;}

/* table contact */
.table-contact th {vertical-align:middle; border-bottom:none; font-weight: normal;}
.table-contact th.text-left, .table-contact tr.text-left th {text-align:left;vertical-align:middle; border-bottom:none}
.table-contact td {vertical-align:middle; border-bottom:none}
.table-contact th,.table-contact td {border-bottom:none; padding:8px;}
.table-contact th.text-middle, .table td.text-middle, .text-middle {vertical-align: middle;}
.table-contact td.text-bottom {vertical-align:bottom;}

/* table fixed */
.table-fixed {table-layout: fixed;}
.table-fixed th, .table-fixed td  {overflow:hidden; white-space:nowrap;}
.table-fixed tfoot > tr > th, .table-fixed tfoot > tr > td, .table-fixed .nofixed{overflow: visible;}
.table-fixed td.operate, .table-fixed th.operate, .table-fixed td.actions, .table-fixed th.actions {overflow: visible;}

/* required */
.required:after{font-family: arial;font-size: 24px; top: 5px; right: auto;}
.required[class*='col-'] {position: relative;}
.required[class*='col-']:after {position: absolute; top: 6px; right: 2px}
.control-label.required:after{right: -10px}

.required-wrapper{position: relative;width: 100%; height: 0;overflow: visible;}
.required-wrapper.required:after{right: -13px;top: 4px}

/* nav */
.nav > li > a {padding: 10px 15px; line-height: 20px}
.nav li .icon-chevron-right {float: right; margin-top: 2px; margin-right: -6px; opacity: .25;}
.nav li.active i.icon-chevron-right,.nav li:hover i.icon-chevron-right{opacity: .9;}

/* navbar */
.navbar {font-size: 14px; min-height: 36px}
.navbar-fixed-bottom{border-top: 1px solid #e1e1e1; background: #eef4fe;}
.navbar-fixed-bottom .navbar-text{font-size: 13px; margin: 9px 0;}

/* file Form */
.form-group .file-form .form-group:last-child {margin-bottom: 0;}

/* colors */
.text-red, .text-error, .red {color: #d2322d}
.text-strike, .text-strike:visited, .text-strike:hover {color: #999;text-decoration:line-through;}

/* icons */
.icon-border-circle {padding: 2px 8px;}

/* popovers */
.popover-success {background-color: #47A447; border-color: #47A447; color: #fff;}
.popover-success.right .arrow,.popover-success.right .arrow:after {border-right-color: #47A447;}
.popover-success .popover-content:before {content: '\e653'; font-family: ZenIcon; display: inline-block; margin-right: 6px;}

.popover-danger {background-color: #F8E3E6; border-color: #F8E3E6; color: #D2322D;}

/* fix page in table footer */
.table td .page,.table td .pager {padding: 0;margin: 0;}

/* -----------HEADER AND FOOTER OF FRONT---------*/
/* Header. */
/* Front header. */
#frontHeader{padding:2px 20px 0 20px; background:#003366; border-bottom:1px solid #e4e4e4;}
#frontHeader td{vertical-align: middle;}
#frontHeader select{padding-top: 0;}

/* Front Topbar. */
#frontTopbar, #frontTopbar a {color:#ACCADF}
#frontTopbar {margin:5px 5px 6px 5px}
#frontTopbar select {border:none; color:#ACCADF; background:#003366}
#frontTopbar a {color:#d1e4f2;text-decoration:none;}
#frontTopbar a:hover {color: #fff;}
#companyname{color:#ffcc00; font-size:14px}

/* Main menu. */
#mainmenu ul { height:32px; line-height:30px}
#mainmenu li {margin-right: 3px;font-size:14px;}
#mainmenu li>a {display: inline-block;white-space:nowrap;padding:2px 15px; color:#E5E5E5; font-weight:normal; background:#114f8e;-webkit-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.10);box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.10);}
#mainmenu li>a:hover{background-color: #2e6dad;color: #fff;-webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.2);}
#mainmenu li.active>a{background-color:#e5e5e5;color:#21841d; font-weight:bold;}

/* Module menu. */
#modulemenu {padding: 0 20px;height: 42px;font-size:14px;background-color: #e5e5e5;}
#modulemenu li {color:#003366;padding:4px 0px;line-height: 30px;}
#modulemenu li a{display: inline-block; padding: 2px 7px; font-weight:normal; font-size:14px; color:#003366}
#modulemenu li>a:hover{background: #d1d1d1;color: #000;}
#modulemenu li.active>a,#modulemenu li.active>a:hover {color:#21841d; font-weight:bold; }
#modulemenu li.right {float:right; font-weight:bold;}
#modulemenu li.right>a {font-weight:bold}
#modulemenu #myname {display: inline-block; color: #888888;line-height: 34px;}

/* Content. */
.cont{width:100%; margin:0; border:none; text-align:left}
.cont tr, .cont td {border:none; padding:0}

/* Front footer. */
#frontFooter {position: relative; width:100%; z-index:10000; position:fixed; bottom:0; left:0; margin:0; border-top: 1px solid #e1e1e1; background:#eef4fe;height:40px; line-height:40px;-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);}
#crumbs a i.icon-home{display: none;}
#crumbs {float: left;margin-left: 20px;}
#crumbs .icon-angle-right{margin-right: 6px;}
#poweredby {float: right;margin-right: 20px;}

/* Action */
.history{border: 1px solid #ccc; background: #f2f2f2; padding: 10px; margin-top: 10px; margin-bottom: 10px; color: #333; line-height: 20px;}
.change-show, .change-hide, .log-desc, .log-asc, .diff-all, .diff-sort {font-family: ZenIcon;}
.change-show:before {content: "\e661";}
.change-hide:before {content: "\e662";}
.log-desc:before {content: "\e65d";}
.log-asc:before {content: "\e65c";}
.diff-all:before {content: "\e6a3";}
.diff-sort:before {content: "\e633";}

#historyItem {padding-left: 25px;}
#historyItem > li {line-height: 23px;}
#historyItem .changes {border: 1px solid #e5e5e5; background: #f7f7f7; font-size: 12px; padding: 2px 5px; margin-top: 5px;}

/* data table */
.table-data .dropdown-menu > li > a {font-size: 12px}
.table-data tr[data-url] {cursor: pointer;}

/* pri */
.pri {display: inline-block; width: 20px; height: 20px; text-align: center; cursor: pointer; border: 1px solid #999; background-color: #ccc; color: #fff; margin-right: 5px; border-radius: 4px;}
.pri.pri-1 {background: #ffe6e5; border-color: #d2322d; color: #d2322d;}
.pri.pri-2 {background: #ffd98c; border-color: #ea8400; color: #ea8400;}
.pri.pri-3 {background: #f2d7ff; border-color: #8521bf; color: #8521bf;}
.pri.pri-4 {background: #cef4ff; border-color: #39b3d7; color: #39b3d7;}
.pri.active, .pri.hover {background: #777; opacity: 0.85}
.pri.pri-1.active, .pri.pri-1.hover {background: #d2322d; color: #fff;}
.pri.pri-2.active, .pri.pri-2.hover {background: #ea8400; color: #fff;}
.pri.pri-3.active, .pri.pri-3.hover {background: #8521bf; color: #fff;}
.pri.pri-4.active, .pri.pri-4.hover {background: #39b3d7; color: #fff;}

/* article */
.article {border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 20px;}
.article > header h1,.article > header h2,.article > header h3{font-size: 22px}
.article > header > dl {margin: 0 0 10px; background: transparent; border: 0;padding: 5px 2px 0 2px;}
.article > footer > p {padding: 0 0 10px;}
.article > header > .abstract {margin: 0; padding: 10px;}
.article > footer {position: relative;padding-top: 15px; margin-top: 10px;}
.article > footer .pager {margin-bottom: 0;}
.article-content {padding: 10px 0}
.article-content img {box-shadow: none}

/* avatar */
.avatar {display: inline-block; width: 48px; height: 48px; max-width: 100%; max-height: 100%; border-radius: 4px; position: relative; overflow: hidden;}
.avatar:before {content: '\e608'; font-family: ZenIcon; color: #fff; position: absolute; z-index: 1; font-size: 36px; width: 100%; height: 100%; left: 0; top: 0; line-height: 48px; text-align: center; background: #777; display: block;}
.avatar:not(:empty):before {display: none}
.avatar > img {border-radius: 4px; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0;}
.avatar.avatar-lg {border-radius: 6px; width: 128px; height: 128px;}
.avatar.avatar-md {border-radius: 4px; width: 28px; height: 28px;}
.avatar.avatar-md:before {font-size: 28px; line-height: 32px}
.avatar.avatar-lg:before {font-size: 98px; line-height: 128px}

/* status */
.contract-normal    {color:inherit;}
.contract-canceled  {color:#808080;}
.contract-closed    {color:#229f24;}

.customer-potential {color:inherit;}
.customer-intension {color:#81511c;}
.customer-signed    {color:#229f24;}
.customer-payed     {color:#229f24;}
.customer-failed    {color:#d2322d}

.order-normal    {color:inherit;}
.order-signed    {color:#229f24;}
.order-payed     {color:#229f24;}
.order-closed    {color:#d2322d;}
.order-failed    {color:#d2322d;}
.order-postponed {color:#d2322d;}

.task-wait   {color:inherit;}
.task-doing  {color:#81511c;}
.task-done   {color:#229f24;}
.task-cancel {color:#808080;}
.task-closed {color:#808080;}

/* Pager. */
.pager {margin:0;line-height: 20px; color: #999}
.pager .dropdown {display: inline-block;}
.pager a {color: #444}
.pager a:hover {color: #141414}
.pager > .dropdown > a, .pager > i, .pager > a {display: inline-block; position: relative; padding: 5px; min-width: 25px; text-align: center; margin-left: -5px;}
.pager .dropdown > a:hover, .pager > a:hover {background: #e5e5e5;}
.pager .dropdown-menu {margin-top: 0; width: 212px; margin-left: -5px; padding: 0;}
.pager .dropdown-menu > li {display: block; float: left; width: 70px; border-right: 1px dotted #ddd; border-bottom: 1px dotted #ddd}
#_pageID, #goto {height: 20px; line-height: 20px; padding-top: 0; padding-bottom: 0;}

/* Drop menu. */
#dropMenu {background: #fff; position:absolute; display:none; font-size:12px; z-index:9999; -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);border: 1px solid #CBCBCB; border: 1px solid rgba(0, 0, 0, 0.15); top: 34px; min-width: 250px; min-width: 218px\0; padding: 10px 15px; z-index: 999; border-top: 1px solid #ddd}
.show > #dropMenu {display: block;}
#menu .nav > li > #currentItem {padding: 4px 7px; border: 1px solid transparent;}
#menu .nav > li.show > #currentItem, .show > #currentItem:hover, #modulemenu .nav > li > .dropdown.open > a {background: #fff; border-color: #CBCBCB; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}
#search {padding: 2px 8px; height: 28px}
#searchResult {display: table; line-height: 20px; color: #808080}
#defaultMenu, #finishedMenu, #suspendMenu {display: table-cell; vertical-align: top; min-width: 218px}
#finishedMenu, #suspendMenu {display: none;}
#searchResult.show-finished #finishedMenu {display: table-cell;}
#searchResult.show-suspend #suspendMenu {display: table-cell;}
#defaultMenu > ul, #finishedMenu > ul, #suspendMenu > ul {display: block; position: relative; padding: 0; margin: 10px -15px 0 -15px; max-height: 360px; overflow-x: hidden; overflow-y: auto}
#finishedMenu > ul, #suspendMenu > ul {margin-left: 15px;}
#defaultMenu > ul > li:first-child, #finishedMenu > ul > li:first-child, #suspendMenu > ul > li:first-child, #searchResult > ul > li:first-child {border-top: 1px dashed #ddd}
#defaultMenu > ul > li, #finishedMenu > ul > li, #suspendMenu > ul > li, #searchResult > ul > li {display: block; float: none; padding: 2px 15px; border-bottom: 1px dashed #ddd;}
#defaultMenu > ul > li:hover, #defaultMenu > .actions > a:hover, #finishedMenu > ul > li:hover, #suspendMenu > ul > li:hover, #searchResult > ul > li:hover {background: #f1f1f1}
#defaultMenu > ul > li > a, #finishedMenu > ul > li > a, #suspendMenu > ul > li > a, #searchResult > ul > li > a {line-height: 24px; display: block;}
#finishedMenu > ul > li > a, #suspendMenu > ul > li > a {color: #808080}
#defaultMenu > ul > li > a:hover, #finishedMenu > ul > li > a:hover, #suspendMenu > ul > li > a:hover, #searchResult > ul > li > a:hover, #defaultMenu > ul > li.heading:hover {background: none; text-decoration: none}
#defaultMenu > .actions > a {display: block; text-align: right; margin: 0 -15px; padding-right: 15px; line-height: 30px}
#searchResult.show-finished #defaultMenu > ul > li, #defaultMenu > .actions > a {border-right: 1px solid #ddd}
#searchResult.show-suspend #defaultMenu > ul > li, #defaultMenu > .actions > a {border-right: 1px solid #ddd}
#defaultMenu > .actions > a > i, #defaultMenu > ul > li > a > i, #finishedMenu > ul > li > a > i, #suspendMenu > ul > li > a > i {font-size: 14px; display: inline-block; margin-right: 5px;}
#searchResult > ul {display: block; position: relative; padding: 0; min-width: 218px}
#defaultMenu > div {padding-top: 6px;}

#fixedHeader thead th, #fixedHeader thead td{background: #145ccd; color: #ddd; font-weight: normal;}
#fixedHeader thead th a, #fixedHeader thead td a{color: #ddd; font-weight: normal;}
#fixedHeader thead tr .headerSortUp:after,#fixedHeader thead tr .headerSortDown:after{color: #fff!important;}

.navbar-main {border: none; background: #145ccd; color: #fff;}
.navbar-main:before {content: ' '; display: block; z-index: 0; background: none; top: 0; right: 0; bottom: 0; left: 0; position: absolute;}
.navbar-main > .navbar-header,
.navbar-main > .nav {z-index: 1; position: relative;}
.navbar-main > .navbar-header {background-color: inherit;}
.navbar-main .navbar-brand {min-width: 50px; text-align: center; color: #fff;}
.navbar-main .navbar-nav > li > a {color: #ddd;}
.navbar-main .navbar-nav > li > a:hover {background-color: rgba(255,255,255,.15); color: #fff;}
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus {background-color: rgba(255,255,255,.22); color: #fff;}

.no-padding{padding: 0;}
.no-padding-t{padding-top: 0;}
.no-padding-r{padding-right: 0;}
.no-padding-b{padding-bottom: 0;}
.no-padding-l{padding-left: 0;}

.xuanxuan-card {width: 525px;}

.ke-container{border-radius:0px !important;}
